<script setup>
  import Navigator  from './components/10_兄弟相传/navigator.vue'
  import Content  from './components/10_兄弟相传/content.vue'
  import {ref} from 'vue'

  let data = ref("");

  let revData = (menu)=>{
     data.value = menu;
  }

</script>
<template>
  <div class="main">
     
     <Navigator class="navigator"  @sendMenu="revData"></Navigator>
     <!-- 向子组件传递数据-->
     <Content class="content"  :menu="data"></Content>
    </div>
</template>
<style scoped>
    .main{
      width: 1000px
    }
    .navigator{
      width: 15%;
      height: 800px;
      display: inline-block;
      border: 1px blue solid;
      float: left;
    }
    .content{
      width: 83%;
      height: 800px;
      display: inline-block;
      border: 1px goldenrod solid;
      float: right;
    }
</style>